﻿<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>专利展示详情</title>
    <link rel="stylesheet" href="css/default.css?V=2" />
    <style>
        .cg-show {
            display: none;
        }
    </style>
    <script src="js/jquery-1.8.0.min.js"></script>
    <script src="js/layer/layer.js"></script>
    <script src="js/avalon1.47.js"></script>

    <script type="text/javascript">

        var model = avalon.define({
            $id: "cgxq",
            modeldata: {},
            filepic: [],
            filevido: [],
            fileoffice: []
        })
        avalon.ready(function () {
            var ID = getquery("ID");
            $.getJSON("/API/VIEWAPI.ashx?Action=Commanage_GETZL&r=" + Math.random(), { P1: ID }, function (resultData) {
                if (resultData.ErrorMsg == "") {
                    model.modeldata = resultData.Result;
                    //调用示例
                    layer.photos({
                        photos: "#cgtp"
                      , anim: 5 //0-6的选择，指定弹出图片动画类型，默认随机（请注意，3.0之前的版本用shift参数）
                    });
                }
            });
            $(".tab").click(function () {
                $(".tab").addClass("gray")
                $(this).removeClass("gray")
                var divid = $(this).attr("divid");
                $(".cg-show").hide();
                $("#" + divid).show();
            })
            $(".tab").eq(0).trigger('click')
            $(".sp").live('click', function () {
                var spid = $(this).attr("spid");
                //iframe层-多媒体
                layer.open({
                    type: 2,
                    title: false,
                    area: ['750px', '500px'],
                    shade: 0.8,
                    closeBtn: 0,
                    shadeClose: true,
                    content: '/CGSBWEB/video.html?id=' + spid
                });
            })
        })



        function getquery(name) {
            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
            var r = window.location.search.substr(1).match(reg);
            if (r != null) return unescape(r[2]); return null;
        }
    </script>
</head>

<body>
    <div class="cont-box" ms-controller="cgxq">
        <div class="cont-center">
            <div class="top">
                <img src="images/top-img.png" />
            </div>
            <div class="nav">
                <ul>
                    <li>
                        <a href="index.html">网站首页</a>
                    </li>
                    <li>
                        <a href="news.html">新闻中心</a>
                    </li>
                    <li>
                        <a href="news-cgzs.html">成果展示</a>
                    </li>
                    <li>
                        <a href="news-zlzs.html" class="active">专利展示</a>
                    </li>

                </ul>
            </div>
            <!--banner-->
            <div class="mt15 banner-new">
                <img src="images/new-cgzs.png" />

            </div>
            <!--新闻-->
            <div class="news overflow mt15">
                <div class="pull-right right-box" style="width: 100%">
                    <div class="border-box">
                        <div class="border-cont">
                            <!--<div class="nav-bar mb15 ml5 mr5">
                                <img src="images/map.png" style="width:inherit;">
                                <a>首页 </a>>
                                <a> 成果展示</a> > 班组成果
                            </div>-->
                            <div class="detail-cg news-detail">
                                <h1 class="title">{{modeldata.Name}}</h1>
                                <table class="detail-table mt15">
                                    <tr>
                                        <td class="gree">专利权人：</td>
                                        <td>{{modeldata.ZLUser}}</td>
                                        <td class="gree">专利号：</td>
                                        <td>{{modeldata.ZLNumber}}</td>

                                    </tr>
                                    <tr>
                                        <td class="gree">授权日：</td>
                                        <td>{{modeldata.SQDate|date('yyyy-MM-dd')}}</td>
                                        <td></td>
                                        <td></td>

                                    </tr>
                                    <tr>
                                        <td class="gree">发明人：</td>
                                        <td>{{modeldata.FMUser}}</td>


                                    </tr>
                                </table>
                                <div>
                                    <div class="mt20">
                                        <div class="border-top mb15">
                                            技术领域
                                        </div>
                                        <div class="ml15 mr15">
                                            <p class="c666">{{modeldata.Area|html}}</p>
                                        </div>

                                    </div>
                                    <div class="mt20">
                                        <div class="border-top mb15">
                                            背景技术
                                        </div>
                                        <div class="ml15 mr15">
                                            <p class="c666">{{modeldata.Technology|html}}</p>
                                        </div>

                                    </div>
                                    <div class="mt20">
                                        <div class="border-top mb15">
                                            发明内容
                                        </div>
                                        <div class="ml15 mr15">
                                            <p class="c666">{{modeldata.Details|html}}</p>
                                        </div>

                                    </div>
                                </div>


                            </div>

                        </div>
                    </div>
                </div>
            </div>
            <!--底部-->
            <div class="foot mt15 ">
                <div class="foot-map ">
                    <a>首页</a>|
                    <a>新闻中心</a>|
                    <a>成果展示</a>|
                    <a>专利展示</a>|
                    <a>创新风采</a>
                </div>
                <img src="images/kx.png " style="width: inherit" class="mt10 " />
                <p class="c666 mt10 ">国家电网公司版权所有</p>
            </div>
        </div>
    </div>
</body>

</html>
